<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, fieldset, textarea {
            margin: 0;
        }
        html, body {
            padding: 0;
            margin: 0;
            height: 100%;
            list-style-type : none;
            font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
        }
        ul, li{
            list-style-type : none;
        }

        ::-webkit-scrollbar {
            width: 6px;
            height: 6px
        }
        ::-webkit-scrollbar-thumb {
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background-color: #c3c3c3
        }
        ::-webkit-scrollbar-track {
            background-color: transparent
        }
        input, textarea, button, a {
            outline: 0;
        }

    </style>
    <link rel="stylesheet" href="../../../css/commons/fontawesome-all.min.css">
    <link rel="stylesheet" href="chat.css" type="text/css">
    <style>
        .jq-ry-container{position:relative;padding:0 5px;line-height:0;display:block;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.jq-ry-container[readonly=readonly]{cursor:default}.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}
    </style>
    <script src="../../lib/jquery-3.6.0.min.js"></script>
    <script>
        
    </script>
</head>
<body>
<div class="chat">
    <div class="left_panel">
        <div class="header">
            <!--<div class="avatar">-->
            <!--<img class="img" src="">-->
            <!--</div>-->
            <div class="info">
                <h3 class="nickname">
                    <span class="display_name">
                        <span class="name">Lori</span>
                        <span class="name_extra">
                        	<span class="user_status">(离开)</span>
                        	<span class="session_stat">(1/2)</span>
                        </span>
                    </span>
                    <a class="opt" href="javascript:;">
                        <i class="chat_add"></i>
                    </a>
                </h3>
            </div>
        </div>

        <div class="session_list">
            <div>
                <div class="chat_item slide-left">
                    <div class="ext">
                        <p class="attr">11:05</p>
                    </div>
                    <div class="avatar">
                        <img class="img" src="images/pc.png" alt="">
                    </div>
                    <i class="icon web_wechat_reddot_middle">1</i>
                    <div class="info">
                        <h3 class="nickname">
                            <span class="nickname_text">丶消逝灬天</span>
                        </h3>
                        <p class="msg">
                            <span>舒服的</span>
                        </p>
                    </div>
                    <div class="close">
                        <i class="fa fa-times-circle"></i>
                    </div>
                    <div class="tags">
                        <span style="background-color: #E30808;color: #FFF">小李烧烤</span>
                        <span style="background-color: #00f279;color: #FFF">NB</span>
                    </div>
                    <div class="rate">

                    </div>
                </div>

                <div class="chat_item slide-left active">
                    <div class="ext">
                        <p class="attr">11:05</p>
                    </div>
                    <div class="avatar">
                        <img class="img" src="images/wechat.png" alt="">
                    </div>
                    <i class="icon web_wechat_reddot_middle">1</i>
                    <div class="info">
                        <h3 class="nickname">
                            <span class="nickname_text">Lori</span>
                        </h3>
                        <p class="msg">
                            <span>xxx</span>
                        </p>
                    </div>
                    <div class="close">
                        <i class="fa fa-times-circle"></i>
                    </div>
                    <div class="tags">
                        <span style="background-color: #E30808;color: #FFF">小李烧烤</span>
                        <span style="background-color: #00f279;color: #FFF">NB</span>
                        <span style="background-color: #E30808;color: #FFF">小李烧烤</span>
                        <span style="background-color: #00f279;color: #FFF">NB</span>
                        <span style="background-color: #E30808;color: #FFF">小李烧烤</span>
                        <span style="background-color: #0c8515;color: #FFF">VIP</span>
                    </div>
                </div>

                <div class="chat_item slide-left closed">
                    <div class="ext">
                        <p class="attr">11:05</p>
                    </div>
                    <div class="avatar">
                        <img class="img" src="images/phone1.png" alt="">
                    </div>
                    <i class="icon web_wechat_reddot_middle">1</i>
                    <div class="info">
                        <h3 class="nickname">
                            <span class="nickname_text">Amos</span>
                        </h3>
                        <p class="msg">
                            <span>xxx</span>
                        </p>
                    </div>
                    <div class="close">
                        <i class="fa fa-times-circle"></i>
                    </div>
                </div>
            </div>
        </div>

        <div id="mmpop_system_menu" class="mmpop system_menu" style="top: 50px; left: 35px;display:none">
            <ul class="dropdown_menu">
                <li>
                    <a tabindex="-1" href="javascript:;" ng-click="createChatroom()" title="发起聊天">
                        <i class="fa fa-coffee"></i>切换状态</a>
                </li>
                <li>
                    <a tabindex="-1" href="javascript:;" ng-if="isNotifyOpen" ng-click="closeNotify()" title="关闭桌面通知">
                        <i class="fa fa-comments-o"></i></i>会议</a>
                </li>
                <li>
                    <a tabindex="-1" href="javascript:;" ng-if="isSoundOpen" ng-click="closeSound()" title="关闭声音">
                    <i class="fa fa-exchange"></i></i>转接</a>
                </li>
                <li>
                    <a href="javascript:;" class="cog" title="配置样式">
                        <i class="fa fa-cog"></i>配置样式</a>
                </li>
                <li class="last_child">
                    <a tabindex="-1" href="javascript:;" ng-click="loginout()" title="退出">
                        <i class="fa fa-sign-out"></i>退出</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="session_container">

        <div class="session_hd">
            <div id="chatRoomMembersWrap"></div>
            <div class="title_wrap">
                <div class="title poi">
                    <a class="title_name"></a>

                    <i class="web_wechat_down_icon"></i>
                </div>
            </div>

        </div>
        <div class="box_bd chat_bd message_panel">
            <div id="agentResponseDiv">

                 <div class="clearfix">
                     <div style="overflow: hidden;">
                        <div class="message me">
                            <img class="avatar" src="">
                            <div class="content">
                                <div class="bubble js_message_bubble bubble_primary right">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="clearfix">
                     <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div style="overflow: hidden;">
                        <div class="message">
                            <img class="avatar" src="">
                            <div class="content">
                                <h4 class="nickname">young</h4>
                                <div class="bubble js_message_bubble bubble_default left">
                                    <div class="bubble_cont">
                                        <div class="plain">
                                            <pre class="js_message_plain">手机膜</pre>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="clearfix">
                     <div style="overflow: hidden;">
                         <div class="message">
                             <img class="avatar" src="">
                             <div class="content">
                                 <h4 class="nickname">young</h4>
                                 <div class="bubble js_message_bubble bubble_default left">
                                     <div class="bubble_cont">
                                         <div class="plain">
                                             <pre class="js_message_plain">手机膜</pre>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="clearfix">
                     <div style="overflow: hidden;">
                         <div class="message">
                             <img class="avatar" src="">
                             <div class="content">
                                 <h4 class="nickname">young</h4>
                                 <div class="bubble js_message_bubble bubble_default left">
                                     <div class="bubble_cont">
                                         <div class="plain">
                                             <pre class="js_message_plain">手机膜</pre>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
            </div>

            
        </div>
        

        <div class="control_panel">
        	<div class="pre_message_container">卧室pre消息卧室pre消息卧室pre消息卧室pre消息卧室pre消息卧室pre消息卧室pre消息卧室pre消息卧室pre消息</div>
            <div class="toolbar" id="tool_bar">
                <a class="chat_face" href="javascript:;" title="表情"></a>
                <a class="chat_screencut" href="javascript:;" title="截屏"></a>
                <a class="chat_pic webuploader-container"href="javascript:;" title="图片和文件">
                    <div class="webuploader-pick"></div>
                    <div id="rt_rt_1aaq4317g1p581c5a1qj11clm1jlf1" style="position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; overflow: hidden; bottom: auto; right: auto;">
                        <input type="file" name="file" class="webuploader-element-invisible" multiple="multiple">
                        <label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);">

                        </label>
                    </div>
                </a>

                <div id="mmpop_emoji_panel" class="mmpop slide-top" style="display: none;top : -232px;left : 15px">
                    <div class="expression">
                    	<ul class="exp_hd">
				            <li class="exp_hd_item">
				                <a href="javascript:;">QQ表情</a>
				            </li>
				            <li class="exp_hd_item active">
				                <a href="javascript:;">符号表情</a>
				            </li>
				        </ul>
                        <div class="exp_bd" style="position: relative;">
                            <div class="exp_bd scrollbar-dynamic scroll-content" style="margin-bottom: 0px; margin-right: 0px;">
                                <div class="exp_cont active">
                                    <div class="qq_face">
                                        <a title="微笑" type="qq" class="face qqface0">微笑</a>
                                        <a title="撇嘴" type="qq" class="face qqface1">撇嘴</a>
                                        <a title="色" type="qq" class="face qqface2">色</a>
                                        <a title="发呆" type="qq" class="face qqface3">发呆</a>
                                        <a title="得意" type="qq" class="face qqface4">得意</a> <a title="流泪" type="qq" class="face qqface5">流泪</a>
                                        <a title="害羞" type="qq" class="face qqface6">害羞</a> <a title="闭嘴" type="qq" class="face qqface7">闭嘴</a>
                                        <a title="睡" type="qq" class="face qqface8">睡</a> <a title="大哭" type="qq" class="face qqface9">大哭</a>
                                        <a title="尴尬" type="qq" class="face qqface10">尴尬</a> <a title="发怒" type="qq" class="face qqface11">发怒</a>
                                        <a title="调皮" type="qq" class="face qqface12">调皮</a> <a title="呲牙" type="qq" class="face qqface13">呲牙</a>
                                        <a title="惊讶" type="qq" class="face qqface14">惊讶</a> <a title="难过" type="qq" class="face qqface15">难过</a>
                                        <a title="酷" type="qq" class="face qqface16">酷</a> <a title="冷汗" type="qq" class="face qqface17">冷汗</a>
                                        <a title="抓狂" type="qq" class="face qqface18">抓狂</a> <a title="吐" type="qq" class="face qqface19">吐</a>
                                        <a title="偷笑" type="qq" class="face qqface20">偷笑</a> <a title="愉快" type="qq" class="face qqface21">愉快</a>
                                        <a title="白眼" type="qq" class="face qqface22">白眼</a> <a title="傲慢" type="qq" class="face qqface23">傲慢</a>
                                        <a title="饥饿" type="qq" class="face qqface24">饥饿</a> <a title="困" type="qq" class="face qqface25">困</a>
                                        <a title="惊恐" type="qq" class="face qqface26">惊恐</a> <a title="流汗" type="qq" class="face qqface27">流汗</a>
                                        <a title="憨笑" type="qq" class="face qqface28">憨笑</a> <a title="悠闲" type="qq" class="face qqface29">悠闲</a>
                                        <a title="奋斗" type="qq" class="face qqface30">奋斗</a> <a title="咒骂" type="qq" class="face qqface31">咒骂</a>
                                        <a title="疑问" type="qq" class="face qqface32">疑问</a> <a title="嘘" type="qq" class="face qqface33">嘘</a>
                                        <a title="晕" type="qq" class="face qqface34">晕</a> <a title="疯了" type="qq" class="face qqface35">疯了</a>
                                        <a title="衰" type="qq" class="face qqface36">衰</a> <a title="骷髅" type="qq" class="face qqface37">骷髅</a>
                                        <a title="敲打" type="qq" class="face qqface38">敲打</a> <a title="再见" type="qq" class="face qqface39">再见</a>
                                        <a title="擦汗" type="qq" class="face qqface40">擦汗</a> <a title="抠鼻" type="qq" class="face qqface41">抠鼻</a>
                                        <a title="鼓掌" type="qq" class="face qqface42">鼓掌</a> <a title="糗大了" type="qq" class="face qqface43">糗大了</a>
                                        <a title="坏笑" type="qq" class="face qqface44">坏笑</a> <a title="左哼哼" type="qq" class="face qqface45">左哼哼</a>
                                        <a title="右哼哼" type="qq" class="face qqface46">右哼哼</a> <a title="哈欠" type="qq" class="face qqface47">哈欠</a>
                                        <a title="鄙视" type="qq" class="face qqface48">鄙视</a> <a title="委屈" type="qq" class="face qqface49">委屈</a>
                                        <a title="快哭了" type="qq" class="face qqface50">快哭了</a> <a title="阴险" type="qq" class="face qqface51">阴险</a>
                                        <a title="亲亲" type="qq" class="face qqface52">亲亲</a> <a title="吓" type="qq" class="face qqface53">吓</a>
                                        <a title="可怜" type="qq" class="face qqface54">可怜</a> <a title="菜刀" type="qq" class="face qqface55">菜刀</a>
                                        <a title="西瓜" type="qq" class="face qqface56">西瓜</a> <a title="啤酒" type="qq" class="face qqface57">啤酒</a>
                                        <a title="篮球" type="qq" class="face qqface58">篮球</a> <a title="乒乓" type="qq" class="face qqface59">乒乓</a>
                                        <a title="咖啡" type="qq" class="face qqface60">咖啡</a> <a title="饭" type="qq" class="face qqface61">饭</a>
                                        <a title="猪头" type="qq" class="face qqface62">猪头</a> <a title="玫瑰" type="qq" class="face qqface63">玫瑰</a>
                                        <a title="凋谢" type="qq" class="face qqface64">凋谢</a> <a title="嘴唇" type="qq" class="face qqface65">嘴唇</a>
                                        <a title="爱心" type="qq" class="face qqface66">爱心</a> <a title="心碎" type="qq" class="face qqface67">心碎</a>
                                        <a title="蛋糕" type="qq" class="face qqface68">蛋糕</a> <a title="闪电" type="qq" class="face qqface69">闪电</a>
                                        <a title="炸弹" type="qq" class="face qqface70">炸弹</a> <a title="刀" type="qq" class="face qqface71">刀</a>
                                        <a title="足球" type="qq" class="face qqface72">足球</a> <a title="瓢虫" type="qq" class="face qqface73">瓢虫</a>
                                        <a title="便便" type="qq" class="face qqface74">便便</a> <a title="月亮" type="qq" class="face qqface75">月亮</a>
                                        <a title="太阳" type="qq" class="face qqface76">太阳</a> <a title="礼物" type="qq" class="face qqface77">礼物</a>
                                        <a title="拥抱" type="qq" class="face qqface78">拥抱</a> <a title="强" type="qq" class="face qqface79">强</a>
                                        <a title="弱" type="qq" class="face qqface80">弱</a> <a title="握手" type="qq" class="face qqface81">握手</a>
                                        <a title="胜利" type="qq" class="face qqface82">胜利</a> <a title="抱拳" type="qq" class="face qqface83">抱拳</a>
                                        <a title="勾引" type="qq" class="face qqface84">勾引</a> <a title="拳头" type="qq" class="face qqface85">拳头</a>
                                        <a title="差劲" type="qq" class="face qqface86">差劲</a> <a title="爱你" type="qq" class="face qqface87">爱你</a>
                                        <a title="NO" type="qq" class="face qqface88">NO</a> <a title="OK" type="qq" class="face qqface89">OK</a>
                                        <a title="爱情" type="qq" class="face qqface90">爱情</a> <a title="飞吻" type="qq" class="face qqface91">飞吻</a>
                                        <a title="跳跳" type="qq" class="face qqface92">跳跳</a> <a title="发抖" type="qq" class="face qqface93">发抖</a>
                                        <a title="怄火" type="qq" class="face qqface94">怄火</a>
                                        <a title="转圈" type="qq" class="face qqface95">转圈</a>
                                        <a title="磕头" type="qq" class="face qqface96">磕头</a>
                                        <a title="回头" type="qq" class="face qqface97">回头</a>
                                        <a title="跳绳" type="qq" class="face qqface98">跳绳</a>
                                        <a title="投降" type="qq" class="face qqface99">投降</a>
                                        <a title="激动" type="qq" class="face qqface100">激动</a>
                                        <a title="乱舞" type="qq" class="face qqface101">乱舞</a>
                                        <a title="献吻" type="qq" class="face qqface102">献吻</a>
                                        <a title="左太极" type="qq" class="face qqface103">左太极</a>
                                        <a title="右太极" type="qq" class="face qqface104">右太极</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content">
                <pre id="editArea" contenteditable-directive="" class="flex edit_area" contenteditable="true"></pre>
                <span class="caret_pos_helper" id="caretPosHelper"></span>
            </div>

            <div class="action">
                <span class="desc">按下Ctrl+Enter换行</span>
                <a class="btn btn_send" href="javascript:;">发送</a>
                <a href="javascript:;" class="btn btn_send_switcher">
                    <svg height="18" viewBox="0 0 48 48" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z"/><path d="M0-.75h48v48h-48z" fill="none"/></svg>
                </a>
                <ul class="send_switcher_ul">
                    <li class="active">按Enter键发送消息，Ctrl＋Enter换行</li>
                    <li>按Ctrl＋Enter键发送消息，Enter换行</li>
                </ul>
            </div>

        </div>
    </div>
</div>
<div id="statusDialog" class="chat-dialog default" style="width: 258px;display: none">
    <div class="chat-dialog-overlay"></div>
    <div class="chat-dialog-content">
        <div class="dialog_hd">
            <h3 class="title">状态修改</h3>
        </div>
        <div class="dialog_bd">
            <select class="chat-select">
                <option>在线</option>
                <option>离线</option>
            </select>
        </div>
        <div class="dialog_ft">
            <a href="javascript:" class="btn btn_primary">确定</a>
        </div>
        <div class="chat-dialog-close"></div>
    </div>
</div>
<div id="tcDialog" class="chat-dialog default" style="display: none">
    <div class="chat-dialog-overlay"></div>
    <div class="chat-dialog-content">
        <div class="dialog_hd">
            <h3 class="title">转接会话</h3>
        </div>
        <div class="dialog_bd">
            <div class="queue-select">
                <select class="chat-select">
                    <option>在线</option>
                    <option>离线</option>
                </select>
            </div>

            <div class="chooser">
                <div class="contacts">
                    <h4 class="contact_title">队列一</h4>
                    <span class="contact_notice">无坐席在线</span>
                    <h4 class="contact_title">A</h4>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席一</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席二</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席一</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席二</h4>
                        </div>
                    </div>

                    <h4 class="contact_title">B</h4>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席一</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席二</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席一</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席二</h4>
                        </div>
                    </div>

                    <h4 class="contact_title">C</h4>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席一</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席二</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席一</h4>
                        </div>
                    </div>
                    <div class="contact_item">
                        <div class="opt">
                            <i class="web_wechat_choose_wireframe"></i>
                        </div>
                        <div class="info">
                            <h4 class="nickname">坐席二</h4>
                        </div>
                    </div>
                </div>

            </div>
            <div class="comments">
                <span>备注信息：</span>
                <div contenteditable="true"></div>
            </div>
        </div>
        <div class="dialog_ft">
            <a href="javascript:" class="btn btn_primary">确定</a>

        </div>
        <div class="chat-dialog-close"></div>
    </div>


</div>
<div class="chat-dialog default configDialog" style="display: none">
    <div class="chat-dialog-overlay"></div>
    <div class="chat-dialog-content">
        <div class="chat-dialog-row"><span>左侧栏底色</span><input type="color" class="leftPanelColor"></div>
        <div class="chat-dialog-row"><span>聊天面板放到左侧</span><input type="checkbox"></div>
        <div class="chat-dialog-close"></div>
    </div>
</div>
</body>
</html>
